<template>
  <div class="container">
    <normal-title
      title='联系我们'
      :back="true"
    ></normal-title>
    <div class="main">
      <wxParse  v-if="contactInfo!==null" :content="contactInfo.content"></wxParse>
    </div>
  </div>
</template>

<script>
import NormalTitle from '@/components/NormalTitle'
import { request } from '@/utils'
import wxParse from "mpvue-wxparse";
export default {
  components: {
    NormalTitle,
    wxParse
  },
  data () {
    return {
      contactInfo: null
    }
  },
  computed: {},
  methods: {
    async getContactInfo () {
      var res = await request('/v1/personal-center/get-company-info', 'get', {type: 2})
      this.contactInfo = res.data.data
    }
  },
  mounted () {
    this.getContactInfo()
  }
}
</script>

<style>
page {
  width: 100%;
  height: 100%;
  /* background: #f0f0f0; */
}
</style>

<style scoped lang="scss">
@import url("~mpvue-wxparse/src/wxParse.css");
.container {
  .main {
    padding: 25rpx;
    .content {
      background: #fff;
      padding: 1rpx 30rpx;
      border-radius: 20rpx;
      .group {
        color: #6d6d6d;
        padding: 30rpx 0;
        border-bottom: 1rpx solid #F0F0F0;
        .item-name {
          font-size: 34rpx;
          font-weight: 500;
          color: #000;
          margin-bottom: 20rpx;
        }
        .item-val{
          font-size: 30rpx;
        }
      }
    }
    .btn{
      width: 250rpx;
      padding: 5rpx 0;
      background:#CDB27E;
      color: #fff;
      font-size: 28rpx;
      border-radius: 30rpx;
      height: 60rpx;
      text-align: center;
      line-height: 54rpx;
      margin: 150rpx auto;
    }
  }
}
</style>
